<template>
    <div>
        <input type="text" v-model="keyword">
        <button @click="searchUsers">搜索</button>
    </div>
</template>

<script>
import axios from 'axios'
export default{
    name:"Search",
    data(){
        return{
            keyword:'',
            users:[]
        }
    },
    methods:{
        searchUsers(){
            // 请求前的数据
            this.$bus.$emit("update",{isLoading:true,isFirst:false,errMsg:'',users:[]})
            // 请求数据
            axios.get(`https://api.github.com/search/users?q=${this.keyword}`).then(response=>{
                // console.log(response);
                // this.users = response.data.items
                // 请求成功后传值
                this.$bus.$emit("update",{isLoading:false,errMsg:'',users:response.data.items})
            },
            error=>{
                console.log('请求失败');
                // 请求失败后传值
                this.$bus.$emit("update",{isLoading:false,errMsg:error.message,users:[]})
            })
            // 跟兄弟组件传值
        }
    }
}
</script>